<template>
    <div class="page" data-page="mine" style="z-index: 2;">
        <div class="navbar">
            <div class="navbar-inner sliding">
                <div class="left">
                    <a class="link back">
                        <i class="icon icon-back"></i>
                        <span class="ios-only">Back</span>
                    </a>
                </div>
                <div class="title">修改手机号</div>
            </div>
        </div>

        <div class="page-content modPhoneNum">
            <div class="list no-hairlines-md" style="margin: 15px 0px;">
                <ul>
                    <li class="item-content item-input">
                        <div class="item-inner">
                            <div class="item-title item-label" style="font-size: 16px;line-height: 36px">输入当前手机号</div>
                            <div class="item-input-wrap">
                                <input type="number" id="phoneNum" placeholder="请输入当前手机号">
                                <span class="input-clear-button"></span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="block">
                <div class="myrow">
                    <a href="#" class="col button button-fill mybutton-round"  @click="verify">验证</a>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    return {
        data: function () {
            return {

            }
        },
        // Component Methods
        methods: {
            verify: function () {
                // var $ = this.$;
                // var app = this.$app;
                // var router = this.$router;
                // var myApp = new Framework7();
                // var $$ = Framework7.$;
                var phoneNum = $("#phoneNum").val();
                if(phoneNum != userInfor.phone){
                    app.methods.showToastBottom("请输入正确的手机号！");
                    return;
                }
                app.router.navigate("/newPhoneNum/");
            },
        },
    }
</script>

<style scoped>
.myrow{
    margin-left: 25px;
    margin-right: 25px;
}
.title{
    padding-right: 56px;
    margin: 0px auto;
}
.mybutton-round{
         border-radius: 6px;
         font-size: 16px;
         background-image: linear-gradient(to top, #238afb, #40affe);
}


</style>